<!DOCTYPE HTML>
<html>
	<head>
		<title>登录</title>
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css"  rel="stylesheet"/>
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.min.css" rel="stylesheet"/>
		<script src="command/jquery-3.4.0.min.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Minimal Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
			$(function() {
				$("#submitUser").click(function() {
					var username = $("#txtusernumber").val();
					var pwd = $("#txtpwd").val();
					$.getJSON("json/login.json", function(data) {
						console.log(data);
						if (username == data.name && pwd == data.pwd) {
							location.href = "index.html";
						} else {
							alert("登陆失败");
						}
					})
				})
			})
		</script>
		<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
		<!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link href="css/font-awesome.css" rel="stylesheet">
		<script src="js/jquery.min.js"> </script>
		<script src="js/bootstrap.min.js"> </script>
	</head>
	<body>
		<div class="login">
			<h1><a href="index.html">电厂信息业务支撑平台</a></h1>
			<div class="login-bottom">
				<h2>Login</h2>
				<form>
					<div class="col-md-6">
						<div class="login-mail">
							<input type="text" id="txtusernumber" name="usernumber" placeholder="User" required="">
							<i class="fa fa-user"></i>
						</div>
						<div class="login-mail">
							<input type="password" id="txtpwd" name="pwd" placeholder="Password" required="">
							<i class="fa fa-lock"></i>
						</div>
						<a class="news-letter " href="#">
							<label class="checkbox1"><input type="checkbox" name="checkbox"><i> </i>Forget Password</label>
						</a>


					</div>
					<div class="col-md-6 login-do">
						<label class="hvr-shutter-in-horizontal login-sub">
							<input id="submitUser" type="submit"value="login">
						</label>
						<p>Do not have an account?</p>
						<a href="signup.html" class="hvr-shutter-in-horizontal">Signup</a>
					</div>

					<div class="clearfix"> </div>
				</form>
			</div>
		</div>
		<!---->
		<div class="copy-right">
		</div>
		<!---->
		<!--scrolling js-->
		<script src="js/jquery.nicescroll.js"></script>
		<script src="js/scripts.js"></script>
		<!--//scrolling js-->
	</body>
</html>
